<template>
    <div>
      <!-- 添加需要双向数据绑定 enter事件 -->
      <input type="text" placeholder="请输入你的任务名称，按回车键确认" 
      v-model="txt"
       @keyup.enter="add">
    </div>
  </template>
  
  <script setup lang="ts">
  import { ref } from 'vue';
  const emits=defineEmits(['add'])
  // 定义value值
  const txt=ref('')
  let add = () => {
    emits("add", txt.value);
  //   console.log(txt.value);
    txt.value='';
  };
  </script>
  
  <style ></style>
  